/* CSS Document */

@media (max-width:1200px) {
	.caseli{ width: 33.3% !important;}
	.caseli .caseImg .img{ padding-top: 100% !important;}
	.caseli .caseImg h3{ bottom: 0; text-align: center;}
}

@media( max-width:1024px){
	
	
	
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:30px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#06a7d0;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:10px; top:86px; z-index:999 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; margin-bottom:1px; background:#06a7d0;}
	.top-head .sjdnav .acta{color:#fff; background:#06a7d0;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px;}

	

	.mainRight{ padding: 0; width: 100%;}
	.mrhtop{ line-height: 35px; }

	.prolf_tit:after{ display: none;}
	.proLeft{ width: 100%; float: none; }
	.prolf_tit{ height: auto; line-height: 50px;}
	.prolf_tit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.proList{ display: none;}
	.proRight{ width: 100%; overflow: hidden; padding: 0; margin-top: 20px;}
	
	.aboutImg{ width: 100%;}
	.aboutImg img{ width: auto;}
	.aboutText{ width: 100%; padding: 20px 0;}
	
	.support-li{ width: 30%;}
	.support-li.active{ width: 70%;}
	
}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px;}
	.footer .foo-bot{}
	.footer .foo-bot p{ width: 100%; text-align: center; }
	.support-li.active{ width: 50%;}
	.support-li{ width: 50%;}
	.support-li:last-child .support-text{ float: left;}
	.main-wrap{ padding-top: 15px;}
	.prolf_tit{ font-size: 22px; line-height: 45px; }
	
	.li02{ padding: 10px 0;}
	.li02 .newImg{ width: 200px; height: 145px; }
	.li02 .newTxt{ padding-left: 15px;}
	.li02 .newTxt h3{ margin-top: 10px;}
	.li02 .newTxt p{ margin: 10px 0; }
	
}

 @media (max-width:640px) {
 	.xwlist{ width: 100%;}
 	
}

 @media (max-width:540px) {	 
 	.navbar-toggle{ padding: 24px 0;}
 	.top-head .sjdnav{ top: 74px;}
 	.index-tit p{ font-size: 18px; line-height: 20px; }
 	.main-more a{ width: 160px; line-height: 35px; border-radius: 18px; box-shadow: 0 3px 0px #036C2E; }
	.caseli{ width: 50% !important;}
	.caseli .caseImg h3{ line-height: 36px;}
	.li01{ padding: 5px;}
	
	.li02 .newImg{ width: 150px; height: 115px; }
	.li02 .newTxt h3{ margin-top: 0; line-height: 25px;}
	.li02 .newTxt p{ margin: 5px 0 10px; line-height: 22px; height: 44px; }
	.li02 .newTxt strong{ width: 90px; line-height: 28px; font-size: 12px; }
}

 @media (max-width:450px) {
 	.xwlist{ padding: 5px 0;}
	.support-li.active{ width: 100%;}
	.support-li{ width: 100%;}
	.support-text{ width: 100%;}
	 	

}
 

 @media (max-width:415px) {	
 	.navbar-toggle{ padding: 17px 0;}
 	.top-head .sjdnav{ top: 60px;}
 	.li02 .newTxt h3 span{ display: none;}
 	.li02 .newTxt h3{ padding: 0;}
 	
}
 @media (max-width:350px) {
 	
 	
 	
}
 @media (max-width:320px) { 
	
	
	
 }